<template>
  <div>{{ a }}</div>
  <div>{{ a ? true : false }}</div>
  <div>{{ b.map((v) => ({ num: v })) }}</div>

  <div @click="fuClick">
    <button @[evebt].stop="sonClick">点击我</button>
  </div>
</template>

<script lang="ts" setup>
const a = "myWorld";
const b: Array<number> = [1, 2, 3, 4, 5, 6];
const evebt = "click";
const fuClick = () => {
  console.log("点击了父级元素");
};
const sonClick = () => {
  console.log("点击了子级元素");
};
</script>

<style scoped> 
div{
    margin-bottom: 20px;
}
</style>
